﻿@model  PerfectBuyData.Articulo
@{
    ViewBag.Title = "DetalleArticulo";
}
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jquery")
@{
    List<PerfectBuyData.CarritoArticulo> carrito = (List<PerfectBuyData.CarritoArticulo>)Session["carrito"];
}
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.8.20.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript">
    $(function () {
        // Tabs
        $('#tabs').tabs();
    });
</script>
<article id="mainview">
    @{
        string categoria = "";
        switch (@Model.categoria)
        {
            case "Celulares":
                categoria = "celulares";
                break;
            case "Computadoras & Tablets":
                categoria = "computadorasTablets";
                break;
            case "Tv & Home Theater":
                categoria = "tvHomeTheater";
                break;
            case "Videocámaras":
                categoria = "videocamaras";
                break;
        }  
    }
    <div id="breadcrumb">@Html.ActionLink("Home", "Index", "Home") > @Html.ActionLink("Articulos", "Articulos", "Home", new { productCategory = "todos" }) > @Html.ActionLink(@Model.categoria, "Articulos", "Home", new { productCategory = categoria, listArt = new List<object>() }, null)</div>
    <div id="description">
        <h1>@Model.nombre</h1>
        <strong id="price"><span></span>&#36;@Model.precio</strong><p>@Model.descripcion</p>

        @using (Html.BeginForm("CarritoCompras", "CarritoCompras"))
        {
            <input type="hidden" name="idProducto" value="@Model.id" />
            <p>
                <button type="submit" class="continue">Añadir a carrito</button>
            </p>
        }
        <!--  <p><button type="button">Tell a friend</button></p> -->
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1" class="first">Entrega</a></li>
                <li><a href="#tabs-2">Devoluciones</a></li>
                <li><a href="#tabs-3">Información y Cuidado</a></li>
            </ul>
            <section id="tabs-1">
                <p><strong>Républica Mexicana:</strong> Periodo máximo de 2 días hábiles – GRATIS</p>
                <p><strong>Internacional:</strong> Periodo máximo de 3 días hábiles - GRATIS </p>
            </section>

            <section id="tabs-2">
                <p>Si no está completamente satisfecho con su compra, simplemente devuelva los artículos en su condición y empaque original dentro de los 28 días posteriores a su compra y le harémos una devolución total de su dinero.</p>
            </section>
            <section id="tabs-3">
                <p>Todos los artículos son transportados con la mayor seguridad garantizando que su artículo llegará en óptimas condiciones.</p>
            </section>
        </div>
    </div>
    <div id="images">

        <a href="@Model.urlImagen">
            <img src="@Model.urlImagen" width="250px" height="250px" /></a>

        <!--<p>Rollover to zoom. Click to enlarge.</p>-->
        <!--<span class="sale">Oferta</span>-->
        <div id="productthumbs">
            <a href="#">
                <img src="@Model.urlImagen" /></a>
        </div>
    </div>
</article>
